<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../js/jquery-3.2.1.js"></script>
    <script type="text/javascript" src="../js/addItem.js"></script>
</head>
<body>
<button id="button">添加</button>

<div id="content_div">

</div>

<div id="example">
    <button remove>删除</button>
    <button add>添加</button>
    <lable>姓名</lable>
    <input type="text" class="name" name="name">
</div>

</body>
</html>
<script>
    $(function () {
        var a = new AddItem({
            // 存放条目内容的div
            'content_div_id': 'content_div',
            // 每条添加的div例子
            'example_div_id': 'example',
            // 点击添加的按钮
            'add_button_id': 'button',
            // 添加成功的回调函数
            'add_success': function (item, num) {
                // item.find('.name').val('111');
            },
            // 起始长度
            'start_num': 2,
            // 条目的最大数
            'max_num': 3,
        });
        a.run();
    });
</script>